<template>
    <div class="noData">
        <img :src="noDataImg" class="noDataImg"/>
        <div class="noDataTip">{{text}}</div>
    </div>
</template>
<script lang="ts" setup>
import noDataImg from '@/assets/icons/nodata.png'
import { defineProps } from 'vue';

const {text = '暂无信息'} = defineProps(['text']);

 

</script>

<style lang="less" scoped>
    .noData{
        margin-top: 0 !important;
        padding-top: 1.6rem;
        box-sizing: border-box;
        min-height: 400px;
        .noDataImg{
            width: 4rem;
            height: 4rem;
            margin: 0 auto;
        }
        .noDataTip{
            color:#BBBBBB;
            font-size: .4rem;
            text-align: center;
        }
    }
</style>